<template>
    <div class="common-layout">
        <el-form :model="form" style="width: 600px; height: 1000px;">
            <div>
                <el-form-item style=" float: right; margin-bottom: 50px;">
                    编号:<input v-model="form.id" style="border:none; border-bottom: 1px solid; "> <el-button type="primary" style="border-radius:10px;">保存</el-button>
                    <el-button type="primary" style="border-radius:10px;">打印</el-button>
                </el-form-item>
            </div>
            <h2 style="margin-bottom:50px ;">老人健康档案</h2>
            <el-form-item>
                <p> 姓名：<input v-model="form.name" style="border:none; border-bottom: 1px solid; "></p>
            </el-form-item>
            <el-form-item>
                <p>现住址：<input v-model="form.home" style="border:none; border-bottom: 1px solid; "></p>
            </el-form-item>
            <el-form-item>
                <p>户籍住址：<input v-model="form.hu" style="border:none; border-bottom: 1px solid; "></p>
            </el-form-item>
            <el-form-item>
                <p> 联系电话：<input v-model="form.phone" style="border:none; border-bottom: 1px solid; "></p>
            </el-form-item>
            <el-form-item>
                <p>建档单位：<input v-model="form.dang" style="border:none; border-bottom: 1px solid; "></p>
            </el-form-item>
            <el-form-item>
                <p> 建档人：<input v-model="form.ponper" style="border:none; border-bottom: 1px solid; "></p>
            </el-form-item>
            <el-form-item>
                <p> 责任医生：<input v-model="form.yi" style="border:none; border-bottom: 1px solid; "></p>
            </el-form-item>
            <el-form-item>
                <p> 建档日期：<input v-model="form.data" style="border:none; border-bottom: 1px solid; "></p>
            </el-form-item>
        </el-form>
    </div>
</template>
    
    
<script lang="ts" setup>
import { Search } from "@element-plus/icons-vue";
import { reactive, ref } from "vue";
import { ElMessage, ElMessageBox } from "element-plus";
import { ElNotification } from "element-plus";
import type { TabsPaneContext } from 'element-plus'
const form = reactive({
    id: '',
    name: '周艳华',
    home: '银川市金凤区清水人家',
    hu: '',
    phone: 123454646,
    dang: '',
    ponper: '',
    yi: '',
    data: ''
})
const activeName = ref('first')

const handleClick = (tab: TabsPaneContext, event: Event) => {
    console.log(tab, event)
}
const value = ref("")
const labelPosition = ''

const time = [{
    value: '2022-2023', label: '2022-2023'
}, {
    value: '2022-2023', label: '2022-2023'
}, {
    value: '2022-2023', label: '2022-2023'
},]

</script>
    
    
<style scoped>
.common-layout {
    width: 1000px;
    height: 1000px;
    margin-top: -500px;
    display: flex;
    align-content: flex-end;
    justify-content: space-around
}
</style>